import {main} from './index.module.scss'
import { importStores } from "zbee-webpack";
const {
    useActionsItemStore,
    useBladeStateStore,
    useInfoScenesStore
    //使用指定的数据
} = importStores();
export default {
    body:{
        class:main,
    items:[
      //HORZION 3 COLUMNS>>>>>>
      {
      widget:'horizontalLayout',
      //-----style inline ------
      style:{
       'width':'100%',
       'height':'100%',
      },
      //-----style inline ------
      mode:'flex',
      items:[
        {
            items:[
                {
                    widget: 'text' ,
                    modelValue:"场景名称"
                },
                {
                    widget: 'input' ,
                    placeholder:'请输入场景名称',
                    type:'text',
                    id:"SceneName"
                }
            ]
        },//left=>right No.1
        {
            flex:"true"
        },
        {
            items:[
                {
                    widget: 'text' ,
                    modelValue:"备注"
                },
                {
                    widget: 'input' ,
                    placeholder:'场景备注',
                    type:'text',
                    id:"SceneNotes"
                }
            ]
        },//left=>right No.2
        {
            flex:"true"
        },
        {
            items:[
                {
                    widget: 'text' ,
                    modelValue:"执行动作"
                },
                {
                    widget: 'select' ,
                    placeholder:'运行至顶部',
                    useStore:useActionsItemStore,
                    id:"SelectAction",
                    props:"text"
                }
            ]
        },//left=>right No.3
        {
            flex:"true"
        },
        {
            items:[
                {
                    widget: 'text' ,
                    modelValue:"叶片状态"
                },
                {
                    widget: 'select' ,
                    placeholder:'0度',
                    id:"BladeState",
                    useStore:useBladeStateStore
                   
                }
            ]
        },
        {
            flex:"true"
        },
           ]
      },
      {
        widget: 'button' ,
        text:'取消',
        type:'warning'
    },//left=>right No.2
    {
        widget: 'button' ,
        text:'确定',
        type:'warning',
        onClick: [{
            action: 'set',  // 定义事件函数，当前为“set”事件，数据传递赋值（设置）
            var: 'SceneName',    // 将行数据存储于页面变量“vars”中，调用名称为“user”
            value: '$widgets.SceneName.modelValue' }, 
            {
            action: 'set', 
             var: 'SceneNotes',    // 将行数据存储于页面变量“vars”中，调用名称为“user”
            value: '$widgets.SceneNotes.modelValue'
             },
            {
            action: 'set', 
            var: 'SelectAction',    // 将行数据存储于页面变量“vars”中，调用名称为“user”
            value: '$widgets.SelectAction.modelValue' 
            },
            {
            action: 'set',
            var: 'BladeState',    // 将行数据存储于页面变量“vars”中，调用名称为“user”
            value: '$widgets.BladeState.modelValue'
          }   
        , {
            action: 'store',            // 定义事件函数，当前为“store”事件，全局数据
            useStore: useInfoScenesStore,  // 定义目标数据，当前为“useAccountStore”
            method: 'filter',           // 定义函数的操作方法，当前为“filter”，过滤匹配
            /* 定义“filter”条件 */
            params: {

                ':SceneName': '$vars.SceneName',
                ':SceneNotes': '$vars.SceneNotes' ,  // :user=user变量(:为表达式语法） ，$vars.user=查询条件
                ':SelectAction': '$vars.SelectAction',   // :user=user变量(:为表达式语法） ，$vars.user=查询条件
                ':BladeState': '$vars.BladeState'   // :user=user变量(:为表达式语法） ，$vars.user=查询条件
            }
        }, {
            action:'store',
            useStore:useInfoScenesStore,
            method:'create',//必须叫create或者为其定义别名
            params:'$vars'
        },
         {
            action: 'print',
            description: '写入数据',
            data: '$vars'
        },
    ]

    }//left=>right No.3
      //HORZION 3 COLUMNS>>>>>>  
    ],
    }
}